<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""DTD/xhtml1-strict.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/c.tld" prefix="c" %>
<%@ taglib uri="/WEB-INF/fn.tld" prefix="fn" %>
<html>
	<head>
	<meta http-equiv="pragma" content="no-cache">
	<c:import url="/includes/css_inc.jsp" />
	<c:import url="/includes/js_inc.jsp" />
	    <script>
	    $(function() {  
	    	$(".accordion").accordion({
           		heightStyle: "content",
           		active: false 
        	});
	    	$("#tabs").tabs();
	    });
	    function highLightMenu(object){
	    }
	    </script>
	</head>
	<body>
	<div id="tabs">
		<ul>
		<c:forEach var="menu0" items="${menuSys}">
		<c:if test="${menu0.MENU_GROUP == '0'}">
			<li><a href="#${menu0.MENU_ID}" >${menu0.MENU_NAME}</a></li>
	    </c:if>
		</c:forEach>
		</ul>
		<c:forEach var="menuH" items="${menuSys}">
		<c:if test="${menuH.MENU_GROUP == '0'}">
			<c:set var="a" value="0"/>
			<div id="${menuH.MENU_ID}">
				<div class="accordion">
		    	<c:forEach var="menuD" items="${menuSys}" varStatus="x">
				<c:if test="${menuD.MENU_GROUP != '0' && fn:startsWith(menuD.MENU_PARENT, menuH.MENU_ID)}">
					<c:if test="${empty(menuD.MENU_URL)}">
					<c:if test="${a > 0}">
					</ul>
					</c:if>
					<p>${menuD.MENU_NAME}</p>
					<ul>
					<c:set var="a" value="${a + 1}"/>
					</c:if>
					<c:if test="${!empty(menuD.MENU_URL)}">
					<li>&bull;&nbsp;<a href="${pageContext.request.contextPath}${menuD.MENU_URL}" id="${menuH.MENU_ID}" onclick="highLightMenu(this);" class="high-light" target="content">${menuD.MENU_NAME}</a></li>
					</c:if>
			    </c:if>
				</c:forEach>
				</ul>
				</div>
			</div>
	    </c:if>
		</c:forEach>
    </div>
	</body>	
</html>